import React from 'react'
// import { Icon } from 'antd'
// import { Page } from 'components'
// import styles from './404.less'
import { Trans } from '@lingui/react'
import { router } from 'utils'
import { Exception } from 'ant-design-pro'
import { Button } from 'antd'
const actions = (
  <div>
    <Button
      type="primary"
      onClick={e => {
        router.push({
          pathname: `/dashboard`,
        })
      }}
    >
      <Trans>Back To Home</Trans>
    </Button>
    {/* <Button>Detail</Button> */}
  </div>
)
const Error = () => (
  <Exception
    type="404"
    desc={<Trans>Sorry, the page you visited does not exist</Trans>}
    actions={actions}
  />

  // <Page inner>
  //   {/* <div className={styles.error}> */}
  //     {/* <Icon type="frown-o" />
  //     <h1>404 Not Found</h1> */}
  //     <Exception type="404" actions={actions} />
  //   {/* </div> */}
  // </Page>
)

export default Error
